.P-login {
	background: #4b72fe;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	.login-con {
		background: #ffffff;
		border-radius: 8px;
		box-shadow: 0 0 6px rgba(0,0,0,0.4);
		display: flex;
		height: 560px;
		left: 50%;
		margin: -280px 0 0 -450px;
		overflow: hidden;
		position: absolute;
		top: 50%;
		width: 900px;
		z-index: 10;
		.cover-con {
			background: #f1f3ff;
			height: 100%;
			position: relative;
			width: 500px;
			.img-logo {
				display: block;
				height: 60px;
				margin: 50px auto 20px;
			}
			h2 {
				color: #646672;
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 30px;
				text-align: center;
			}
			.img-cover {
				display: block;
				margin: 0 auto;
				width: 300px;
			}
			.m-footer {
				color: #646672;
				font-size: 12px;
				margin-top: 55px;
				text-align: center;
			}
		}
		.pannel-con {
			background: #ffffff;
			color: #333333;
			flex: 1;
			height: 100%;
			padding: 100px 60px 0;
			.img-con {
				margin-top: 100px;
				text-align: center;
				img {
					width: 300px;
				}
			}
			h3 {
				font-size: 30px;
				font-weight: bold;
				margin-bottom: 10px;
				text-align: center;
			}
			.subtext {
				margin-bottom: 40px;
				text-align: center;
			}
		}
	}
}
